{{define "user_message"}}
<div class="message mb-3 text-end">
    <div class="d-flex justify-content-end align-items-start gap-2">
        <div class="message-content">
            <div class="message-bubble p-3 rounded-3 text-emphasis-dark text-wrap" style="background-color: #0d1117;">
                <div>{{.Content}}</div>
            </div>
            <div class="message-meta mt-1">
                <small class="text-muted">{{.Timestamp.Format "15:04"}}</small>
            </div>
        </div>

        <div class="avatar">
            <div class="rounded-circle bg-info d-flex align-items-center justify-content-center" style="width: 32px; height: 32px;">
                <small class="text-white">You</small>
            </div>
        </div>
    </div>
</div>
{{end}}
